import React, { useState, useEffect, useRef } from 'react'
// import { useDispatch, useSelector } from 'react-redux'
// import { addNumber } from '../../store/moudel/count'
import MapContainer from '../../components/MapContainer/MapContainer'

export default function Drag() {

 
  // const mapBtn = () => {
  //   // initMap()
  // }
  //  const handleSearch=(event)=>{
  
  //  }

  return (
    <div id='dragBox'>
      
      {/* <input type="text" onChange={handleSearch} placeholder="搜索地点" />

      <button onClick={mapBtn}>按钮</button> */}
      <div id="container" style={{ width: '80%', height: '500px', marginLeft: '10%',marginTop:'30px' }}>
      <MapContainer />
      </div>
      <div>
      </div>
    </div>
  )
}
